/**
 * color
 */
* {
	-ui-color-primary: #007aff;
	-ui-color-success: #07C160;
	-ui-color-info: #409eff;
	-ui-color-warning: #E6A23C;
	-ui-color-danger: #DC3545;
	-ui-color-white: #fff;
	-ui-color-border: #DCDFE6;
	-ui-color-border-x: #E4E7ED;
	-ui-color-border-xx: #EBEEF5;
	-ui-color-border-xxx: #F2F6FC;
	-ui-color-ft: #303133;
	-ui-color-ft-x: #606266;
	-ui-color-ft-xx: #909399;
	-ui-color-ft-xxx: #C0C4CC;
	-ui-color-bg: #f5f5f5;
	-ui-color-bg-x: #f7f7f7;
	-ui-color-bg-xx: #EAEAEA;
	-ui-color-bg-xxx:#D1D1D1;
	
	-ui-drop-shadow: dropshadow( gaussian , rgba(0,0,0,0.20), 10, 0.12, -1, 2);
	-ui-drop-shadow-x: dropshadow( gaussian , rgba(0,0,0,0.20), 15, 0.16, 0, 4);
	-ui-drop-shadow-xx: dropshadow( gaussian , rgba(0,0,0,0.20), 20, 0.19, 0, 6);
	-ui-drop-shadow-xxx: dropshadow( gaussian , rgba(0,0,0,0.20), 25, 0.25, 0, 8);
	-ui-drop-shadow-xxxx: dropshadow( gaussian , rgba(0,0,0,0.20), 30, 0.30, 0, 10);
}

/*******************************************************************************
 *                                                                             *
 * Scroll Bar			                                                       *
 *                                                                             *
 ******************************************************************************/

.scroll-bar:vertical > .track-background, .scroll-bar:horizontal > .track-background {
    -fx-background-color: transparent;
    -fx-background-insets: 0.0;
}

.scroll-bar:vertical > .thumb, .scroll-bar:horizontal > .thumb {
    -fx-background-color: #BCBCBC;
    -fx-background-insets: 0.0;
    -fx-background-radius: 1.0;
}

.scroll-bar > .increment-button, .scroll-bar > .decrement-button {
    -fx-padding: 5 2 5 2;
}

.scroll-bar > .increment-button, .scroll-bar > .decrement-button, .scroll-bar:hover > .increment-button, .scroll-bar:hover > .decrement-button {
    -fx-background-color: transparent;
}

.scroll-bar > .increment-button > .increment-arrow, .scroll-bar > .decrement-button > .decrement-arrow {
    -fx-background-color: rgb(150.0, 150.0, 150.0);
}

.scroll-bar > .increment-button > .increment-arrow {
    -fx-shape: "M298 426h428l-214 214z";
}

.scroll-bar > .decrement-button > .decrement-arrow {
    -fx-shape: "M298 598l214-214 214 214h-428z";
}

/*******************************************************************************
 *                                                                             *
 * Scroll Pane			                                                       *
 *                                                                             *
 ******************************************************************************/

.scroll-pane {
    -fx-background-insets: 0;
    -fx-padding: 0;
}

.scroll-pane:focused {
    -fx-background-insets: 0;
}

.scroll-pane .corner {
    -fx-background-insets: 0;
}
